<#macro top index>
<script baseUrl="${base}" src="${base}/js/user.login.js"></script>
<div class="navbar navbar-inverse navbar-fixed-top animated fadeInDown" style="z-index: 101;height: 41px;">
	  
      <div class="container" style="padding-left: 0px; padding-right: 0px;">
        <div class="navbar-header">
          <button data-target=".navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle collapsed">
            <span class="sr-only">导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
	     </div>
	     <div role="navigation" class="navbar-collapse collapse">
	     		<a id="_logo"  href="${base}" style="color:#fff; font-size: 24px;" class="navbar-brand hidden-sm">权限管理系统 演示</a>
	          <ul class="nav navbar-nav" id="topMenu">
				<li class="dropdown ${(index==1)?string('active','')}">
					<a aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" class="dropdown-toggle" href="${base}/user/index.shtml">
						个人中心<span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
						<li><a href="${base}/user/index.html">个人资料</a></li>
						<li><a href="${base}/user/updateSelf.shtml" >资料修改</a></li>
						<li><a href="${base}/user/updatePswd.shtml" >密码修改</a></li>
						<li><a href="${base}/user/mypermission.html">我的权限</a></li>
						<li><a href="${base}/user/logout.shtml">退出</a></li>
					</ul>
				</li>	  
				
				       
				<li class="dropdown ${(index==2)?string('active','')}">
					<a aria-expanded="false" aria-haspopup="true"  role="button" data-toggle="dropdown" class="dropdown-toggle" href="${base}/member/list.shtml">
						用户中心<span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
						
							<li><a href="${base}/user/list.shtml">用户列表</a></li>
						
						
							<li><a href="${base}/user/online.shtml">在线用户</a></li>
						
					</ul>
				</li>	
				     
				
				
					<li class="dropdown ${(index==3)?string('active','')}">
						<a aria-expanded="false" aria-haspopup="true"  role="button" data-toggle="dropdown" class="dropdown-toggle" href="${base}/permission/index.shtml">
							权限管理<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							
								<li><a href="${base}/role/index.shtml">角色列表</a></li>
							
							
								<li><a href="${base}/user/allocation.shtml">角色分配</a></li>
							
							
								<li><a href="${base}/role/permissionList.shtml">权限列表</a></li>
							
							
								<li><a href="${base}/role/allocation.shtml">权限分配</a></li>
							
						</ul>
					</li>	
				
				          
	          </ul>
	           <ul class="nav navbar-nav  pull-right" >
				<li class="dropdown ${(index==10)?string('active','')}" style="color:#fff;">
					<a aria-expanded="false" aria-haspopup="true"  role="button" data-toggle="dropdown"  
						
							onclick="location.href='${base}/user/index.shtml'" href="${base}/user/index.shtml" class="dropdown-toggle qqlogin" >
						<span class="caret"></span></a>
							<ul class="dropdown-menu" >
								<li><a href="${base}/user/index.shtml">个人资料</a></li>
								<li><a href="${base}/role/mypermission.shtml">我的权限</a></li>
								<li><a href="javascript:void(0);" onclick="logout();">退出登录</a></li>
							</ul>
						
							 href="javascript:void(0);" onclick="location.href='${base}/u/login.shtml'" class="dropdown-toggle qqlogin" >
							<img src="http://qzonestyle.gtimg.cn/qzone/vas/opensns/res/img/Connect_logo_1.png">&nbsp;登录</a>
						 					
				</li>	
	          </ul>
	          <style>#topMenu>li>a{padding:10px 13px}</style>
	    </div>
  	</div>
</div>
</#macro>
